<div id="table" class="dux-table">
    <div class="uk-overflow-container">
    <table class="uk-table uk-table-hover uk-text-nowrap">
        <thead>
            <tr>
                <th width="80">#</th>
                <th>名称</th>
                <th class="uk-text-center">状态</th>
                <th width="120" class="uk-text-center">操作</th>
            </tr>
        </thead>
        <tbody>
            <!--loop{$list as $vo}-->
            <tr>
                <td>{$vo.group_id}</td>
                <td>{$vo.cname}</td>
                <td class="uk-text-center">
                    <!--if{$vo['status']}-->
                    <a href="javascript:;" class="uk-icon-circle uk-text-success js-action" data-url="{url('editAjax')}" data-id="{$vo.group_id}" data-field="status" data-val="0" data-type="status" title="启用"></a>
                    <!--{else}-->
                    <a href="javascript:;" class="uk-icon-circle uk-text-danger js-action"data-url="{url('editAjax')}" data-id="{$vo.group_id}" data-field="status" data-val="1" data-type="status" title="停用"></a>
                    <!--{/if}-->
                </td>
                <td class="uk-text-center">
                    <a class="uk-button uk-button-primary uk-button-small uk-icon-pencil" href="{url('edit',array('id'=>$vo.group_id))}" title="编辑"></a>
                    <a class="uk-button uk-button-danger uk-button-small uk-icon-trash js-action" href="javascript:;" data-url="{url('del')}" data-id="{$vo.group_id}" data-type="del" title="删除"></a>
                </td>
            </tr>
            <!--{/loop}-->
        </tbody>
    </table>
    </div>
    <div class="table-foot uk-clearfix">
        <div class="uk-float-right">{$page}</div>
    </div>
</div>
<script>
    Do.ready('base', function () {
        $('#table').duxTable();
    });
</script>